﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wfIndex.aspx.cs" Inherits="msBsc.WebUi.wMall.Public.wfIndex" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>包车旅游专家，旅游因你而定_地接客</title>
    <meta name="keywords" content="地接客，旅游，包车，旅游包车，包车旅游" />
    <meta name="description" content="地接客包车旅游网，提供专业的旅游包车服务，围绕个性化旅游核心，地接客根据地方特色及游客需求，提供个性化的高质量的旅游服务，让游客在旅途中得到一个愉快的自由的旅游体验！地接客包车旅游网，包车旅游专家，旅游因您而定！邀请您的加入" />
    <link href="/themes/wStyle1/css/sLayout.css" rel="stylesheet" />
    <link href="/jqPlugin/SelectSimu/css/base.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/Public/sTravel.css" rel="stylesheet" />

    <link href="/jqPlugin/layer2/skin/layer.css" rel="stylesheet" />
    <style>
        .condition_city {
            float: left;
        }

        .index_title {
            margin: auto;
            float: none !important;
            width: 300px !important;
        }

            .index_title .morebtn {
                display: inline-block;
                background: url("/themes/wStyle1/Images/Public/btnMore.png") no-repeat;
                width: 41px;
                height: 42px;
                vertical-align: middle;
            }

        .citBg {
            width: 516px;
            background: #000;
            opacity: 0.8;
            filter: alpha(opacity:80);
            -moz-opacity: 0.8;
            -khtml-opacity: 0.8;
            height: 90px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            position: absolute;
            left: 0px;
            right: 0px;
            z-index: 1009;
            bottom: 30px;
            margin: auto;
        }

        .city_select {
            width: 488px;
            height: 90px;
            position: absolute;
            left: 0px;
            right: 0px;
            z-index: 1010;
            bottom: 30px;
            margin: auto;
            padding: 0px 14px;
        }

            .city_select .cs_title {
                text-align: left;
                margin-top: 11px;
            }

                .city_select .cs_title .cst_img {
                    width: 10px;
                    height: 16px;
                    vertical-align: middle;
                    display: inline-block;
                    background: url("/themes/wStyle1/Images/Public/des.png") no-repeat;
                }

                .city_select .cs_title .cst_name {
                    margin-left: 8px;
                    vertical-align: middle;
                    display: inline-block;
                    font-size: 16px;
                    font-family: 微软雅黑;
                    color: #fff;
                }

            .city_select .cs_city {
                margin-top: 10px;
            }

                .city_select .cs_city .cyjg {
                    margin-left: 10px;
                }

                .city_select .cs_city .selectInput {
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    border-radius: 3px;
                }

                .city_select .cs_city .cs_btnSearch {
                    background: url("/themes/wStyle1/Images/Public/btnSearch.png") no-repeat;
                    width: 32px;
                    height: 32px;
                    background-size: 32px 32px;
                    float: left;
                    cursor: pointer;
                }

        .footer-abs {
            width: 100%;
            height: 180px;
            position: fixed;
            bottom: 0;
            left: 0;
        }

        .abs-content-wrap {
            width: 1200px;
            margin: auto;
            height: 180px;
            z-index: 15;
            position: relative;
            opacity: 0.8;
        }

        .abs-back {
            width: 100%;
            height: 140px;
            background-color: #04273d;
            opacity: 0.6;
            position: absolute;
            bottom: 0;
            z-index: 10;
        }

        .cancel-abs {
            position: absolute;
            top: 40px;
            left: 1160px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <%=msBsc.WebUi.Code.QtHtmlGet.GetHeaderLoginInfo() %>
    <div class="wrap">
        <div class="viewContent">
            <div style="position: relative;">
                <div id="slider" class="slider" style="overflow: hidden; width: 1200px; height: 100%; margin: auto;">
                    <ul class="slider_touch" style="font-size: 0; width: 1200px; margin: 0; padding: 0; left: 0px; position: relative; white-space: nowrap;">
                        <li class="selected" style="" pnum="0"><a href="/wp_TravelScenicList.htm">
                            <img style="z-index: 1; height: 394px; width: 1200px;" src="/themes/wStyle1/Images/Public1/trave1.png 1200x394img.jpg" /></a></li>
                        <li class="" style="" pnum="1"><a href="/wp_TraveFoodList.htm">
                            <img style="z-index: 1; height: 394px; width: 1200px;" src="/themes/wStyle1/Images/Public1/nicefood.jpg 1200x394img.jpg" /></a></li>
                        <li class="" style="" pnum="2"><a href="/wp_TraveSpecialtyList.htm">
                            <img style="z-index: 1; height: 394px; width: 1200px;" src="/themes/wStyle1/Images/Public1/specialty.jpg 1200x394img.jpg" /></a></li>
                    </ul>
                    <div id="serial-number" class="serial-number" style="z-index: 1;">
                        <span class="point  selected " pnum="0"></span>
                        <span class="point " pnum="1"></span>
                        <span class="point " pnum="2"></span>
                    </div>

                </div>
                <div class="citBg"></div>
                <div class="city_select">
                    <div class="cs_title">
                        <span class="cst_img"></span>
                        <span class="cst_name">旅游目的地</span>
                    </div>
                    <div class="cs_city">
                        <div class="condition_city" id="countryId_select"></div>
                        <div class="condition_city cyjg" id="cityId_select"></div>
                        <div class="condition_city cyjg" id="destionId_select"></div>
                        <div class="cs_btnSearch cyjg" onclick="btnSearch()"></div>
                    </div>
                </div>
            </div>
            <div class="viewContent">

                <div class="show-butique-vehicle">
                    <div class="v_title">
                        <div class="condition_title index_title">
                            <span class="vt_cityimg"></span>
                            <span class="vt_name">热门城市</span>
                            <span class="morebtn"></span>
                        </div>
                    </div>
                    <ul class="travel_lit" id="popCity_list">
                        <li>
                            <a class="travelC" href="/wp_TravelFoodInfo.htm?foodId={{d.rows[i].NICEFOOD_ID}}" target="_blank">
                                <img src="http://www.dijieke.com/UpLoad/scenic/1433316964_162.jpg?1433317194033" title="{{d.rows[i].NICEFOOD_NAME}}" />

                            </a>
                            <div class="classicInfo">
                                <div class="tl_name"><a>丽江</a></div>
                                <div class="tl_shopping tl_checkShopp"><a class="shoppName"><em class="shoppCar"></em>加入购物车</a></div>
                            </div>
                        </li>
                        <li>
                            <a class="travelC" href="/wp_TravelFoodInfo.htm?foodId={{d.rows[i].NICEFOOD_ID}}" target="_blank">
                                <img src="http://www.dijieke.com/UpLoad/scenic/1433316964_162.jpg?1433317194033" title="{{d.rows[i].NICEFOOD_NAME}}" />

                            </a>
                            <div class="classicInfo">
                                <div class="tl_name"><a>丽江</a></div>
                                <div class="tl_shopping tl_checkShopp"><a class="shoppName"><em class="shoppCar"></em>加入购物车</a></div>
                            </div>
                        </li>
                        <li>
                            <a class="travelC" href="/wp_TravelFoodInfo.htm?foodId={{d.rows[i].NICEFOOD_ID}}" target="_blank">
                                <img src="http://www.dijieke.com/UpLoad/scenic/1433316964_162.jpg?1433317194033" title="{{d.rows[i].NICEFOOD_NAME}}" />

                            </a>
                            <div class="classicInfo">
                                <div class="tl_name"><a>丽江</a></div>
                                <div class="tl_shopping tl_checkShopp"><a class="shoppName"><em class="shoppCar"></em>加入购物车</a></div>
                            </div>
                        </li>
                        <li>
                            <a class="travelC" href="/wp_TravelFoodInfo.htm?foodId={{d.rows[i].NICEFOOD_ID}}" target="_blank">
                                <img src="http://www.dijieke.com/UpLoad/scenic/1433316964_162.jpg?1433317194033" title="{{d.rows[i].NICEFOOD_NAME}}" />

                            </a>
                            <div class="classicInfo">
                                <div class="tl_name"><a>丽江</a></div>
                                <div class="tl_shopping tl_checkShopp"><a class="shoppName"><em class="shoppCar"></em>加入购物车</a></div>
                            </div>
                        </li>
                    </ul>
                    <xmp id="city_list_temp" style="display: none">
                        {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                        <li>
                <a class="travelC" href="/wp_VehicleInfo.htm?vehicleId={{d.rows[i].COUNTRY_CITY_ID}}" target="_blank">
                    <img src="{d.rows[i].CITY_CARD}}" title="{{d.rows[i].COUNTRY_CITY_NME}}" />

                </a>
                <div class="classicInfo">
                    <div class="tl_name"><a>{{d.rows[i].COUNTRY_CITY_NME}}</a></div>
                    <div class="tl_shopping"><a class="shoppName"><em class="shoppCar"></em>加入购物车</a></div>
                </div>
            </li>
                        {{#} }}
             </xmp>
                </div>

                <div class="show-butique-recomm">
                    <div class="v_title">
                        <div class="condition_title index_title">
                            <span class="vt_foodsimg"></span>
                            <span class="vt_name">美食资讯</span>
                            <a class="morebtn" target="_blank" href="/wp_TraveFoodList.htm"></a>
                        </div>
                    </div>
                    <ul class="travel_lit" id="foodList">
                    </ul>
                    <xmp id="svc_list_tem_food" style="display: none">
                        {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                        <li>
                <a class="travelC" href="/wp_TravelFoodInfo.htm?foodId={{d.rows[i].NICEFOOD_ID}}" target="_blank">
                    <img src="http://www.dijieke.com/UpLoad/nicefood/{{d.rows[i].NICEFOOD_DEFAULT_PIC}} 288x178img.jpg" title="{{d.rows[i].NICEFOOD_NAME}}" />

                </a>
                <div class="classicInfo">
                    <div class="tl_fName"><a href="/wp_TravelFoodInfo.htm?foodId={{d.rows[i].NICEFOOD_ID}}">{{d.rows[i].NICEFOOD_NAME}}</a></div>
                </div>
            </li>
                        {{#} }}
             </xmp>
                </div>


                <div class="show-butique-vehicle">
                    <div class="v_title">
                        <div class="condition_title index_title">
                            <span class="vt_vehiclesimg"></span>
                            <span class="vt_name">包车资讯</span>
                            <a class="morebtn" target="_blank" href="/wp_VehicleList.htm"></a>
                        </div>
                    </div>
                    <ul class="travel_lit" id="vehicleList">
                    </ul>
                    <xmp id="vehicle_list_temp" style="display: none">
                        {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                        <li>
                <a class="travelC" href="/wp_VehicleInfo.htm?vehicleId={{d.rows[i].VEHICLE_INFO_ID}}" target="_blank">
                    <img src="http://www.dijieke.com/{{d.rows[i].VEHICLE_DEFAULT_PIC}}" title="{{d.rows[i].VEHICLE_NAME}}" />

                </a>
                <div class="classicInfo">
                    <div class="tl_name"><a href="/wp_VehicleInfo.htm?vehicleId={{d.rows[i].VEHICLE_INFO_ID}}">{{d.rows[i].VEHICLE_NAME}}</a></div>
                    <div class="tl_shopping"><a class="shoppName"><em class="shoppCar"></em>加入购物车</a></div>
                </div>
            </li>
                        {{#} }}
             </xmp>
                </div>

                <div class="show-butique-recomm">
                    <div class="v_title">
                        <div class="condition_title index_title">
                            <span class="vt_specialtysimg"></span>
                            <span class="vt_name">购物资讯</span>
                            <a class="morebtn" target="_blank" href="/wp_TraveSpecialtyList.htm"></a>
                        </div>
                    </div>
                    <ul class="travel_lit" id="specialtyList">
                    </ul>
                    <xmp id="svc_list_tem_specialty" style="display: none">
                        {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                        <li>
                <a class="travelC" href="/wp_TravelSpecialtyInfo.htm?specialtyId={{d.rows[i].SPECIALTY_ID}}" target="_blank">
                    <img src="http://www.dijieke.com/UpLoad/specialty/{{d.rows[i].SPECIALTY_DEFAULT_PIC}}  288x178img.jpg" title="{{d.rows[i].SPECIALTY_NAME}}" />

                </a>
                <div class="classicInfo">
                    <div class="tl_fName"><a href="/wp_TravelSpecialtyInfo.htm?specialtyId={{d.rows[i].SPECIALTY_ID}}">{{d.rows[i].SPECIALTY_NAME}}</a></div>
                </div>
            </li>
                        {{#} }}
             </xmp>
                </div>

                <div class="show-butique-recomm">
                    <div class="v_title">
                        <div class="condition_title index_title">
                            <span class="vt_usersimg"></span>
                            <span class="vt_name">车导资讯</span>
                            <span class="morebtn"></span>
                        </div>
                    </div>
                    <ul class="travel_lit" id="userList">
                    </ul>
                    <xmp id="user_list_temp" style="display: none">
                        {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                        <li>
                <a class="travelC" href="/wp_DjackVehicle.htm?djackId={{d.rows[i].CUSTOMER_REGISTER_ID}}" target="_blank">
                    <img src="{{d.rows[i].CUSTOMER_DEFAULT_PIC}} 288x178img.jpg" title="{{d.rows[i].CUSTOMER_NICK}}" />

                </a>
                <div class="classicInfo">
                    <div class="tl_name"><a href="/wp_DjackVehicle.htm?djackId={{d.rows[i].CUSTOMER_REGISTER_ID}}" >{{d.rows[i].CUSTOMER_NICK}}</a></div>
                    <div class="tl_shopping"><a class="shoppName"><em class="shoppCar"></em>加入购物车</a></div>
                </div>
            </li>
                        {{#} }}
             </xmp>
                </div>
            </div>
        </div>
    </div>

    <%=msBsc.WebUi.Code.QtHtmlGet.GetFloorHtml() %>

    <div class="footer-abs">
        <div class="abs-back"></div>
        <div class="abs-content-wrap">
            <div class="cancel-abs">
                <img src="/themes/wStyle1/Images/Public/abs-cancel.png" title="关闭" />
            </div>
            <img src="/themes/wStyle1/Images/Public/bottom-all-info-04.png" />
        </div>
    </div>
    <script src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
    <script src="/jqPlugin/js/jBase.js"></script>
    <script src="/jqPlugin/js/jBPage.js"></script>
    <script src="/jqPlugin/js/laytpl.js"></script>
    <script src="/jqPlugin/js/jquery.cookie.js"></script>
    <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
    <script src="/jqPlugin/SelectSimu/js/SelectSimu.js"></script>
    <script src="/themes/wStyle1/js/comm/jsLayout.js"></script>
    <script src="/themes/wStyle1/js/travellingBag.js"></script>

    <script src="/jqPlugin/layer2/layer.js"></script>

    <script type="text/javascript">
        function initSlider() {
            var timer1 = null;
            function timerdo1() {
                $("#slider .slider_touch .selected").animate({ marginLeft: '-100%' }, 600, function () {
                    var _self = $(this);
                    var _next = $(this).next();
                    var _tm1 = $("#slider .slider_touch li").last();
                    if (_self != _tm1) {
                        _self.removeClass("selected");
                        _next.addClass("selected");
                        _tm1.after(_self);
                        _self.css('margin-left', '0px');
                        $("#slider .serial-number .selected").removeClass("selected");
                        $("#slider .serial-number .point[pnum='" + _next.attr("pnum") + "']").addClass("selected");
                    }
                });
            }
            timer1 = setInterval(function () { timerdo1(); }, 5000);
        };
        setArea("countryId_select", 140, 1, 1, ["DF6723BE-A25C-4F77-BB49-A1662D3E6F2A"], ["中国"]);
        setArea("cityId_select", 140, 2, 1, ["AEF39D8E-D298-4AF1-AEC5-2B00D237F5F5"], ["北京"]);
        setArea("destionId_select", 140, 3, 1, [""], ["全部"]);
        (function () {
            $(".hc_menu li").removeClass("hcm_check");
            $(".hc_menu li").eq(0).addClass("hcm_check");
            initSlider();
            btnDo();

            $('#cityId_select .selectList li').live('click', function () {
                var opart = new jsonRow();
                var cityId = this.getAttribute('data-value');
                var destionId = "";
                opart.AddCell("ACTION", "upcity");
                opart.AddCell("isAll", "true");
                opart.AddCell("parentsId", cityId);
                opart.AddCell("destionId", destionId);
                ajaxComm(opart);
            });
            $(".cancel-abs").click(function () {
                $(".footer-abs").slideUp("slow", function () {
                    $(this).hide();
                })
            });
        })();

        function btnDo() {
            var opart = new jsonRow();

            opart = addStatistics(opart, "首页", "w0003", "", "", "");
            opart.AddCell("ACTION", "init");
            opart.AddCell("isAll", "true");
            opart.AddCell("parentsId", "DF6723BE-A25C-4F77-BB49-A1662D3E6F2A");
            opart.AddCell("destionId", $("#destionId_select input").val());
            opart.AddCell("cityId", $("#cityId_select input").val());

            ajaxComm(opart);
        }


        function setArea(input, width, zIndex, listNum, listValue, listOption) {
            $("#" + input).SelectSimu({
                width: width,
                zIndex: zIndex,
                listNum: listNum,
                listValue: listValue,
                listOption: listOption,
                imgSrc: '/jqPlugin/SelectSimu/img/icon_down.png'
            })
        }

        function updateSelet(inputId, data, selectId) {
            var selectValue = $("#" + inputId + " .selectList ul");
            selectValue.html("");
            var isSelect = false;
            for (var i = 0; i < data.rows.length; i++) {
                if (selectId == data.rows[i].COUNTRY_CITY_ID) {
                    $("#" + inputId + " input").val(data.rows[i].COUNTRY_CITY_ID);
                    $("#" + inputId + " span").text(data.rows[i].COUNTRY_CITY_NME);
                    isSelect = true;
                }
                selectValue.append('<li data-value="' + data.rows[i].COUNTRY_CITY_ID + '">' + data.rows[i].COUNTRY_CITY_NME + '</li>');
            }
            if (isSelect == false && data.rows.length > 0) {
                $("#" + inputId + " input").val(data.rows[0].COUNTRY_CITY_ID);
                $("#" + inputId + " span").text(data.rows[0].COUNTRY_CITY_NME);
            }
        }

        function btnSearch() {
            var countryId = $("#countryId_select input").val();
            var cityId = $("#cityId_select input").val();
            var destionId = $("#destionId_select input").val();

            if (IsNull(countryId) || IsNull(cityId)) {
                layer.alert("请先选择想去的城市", { icon: 7 });
                return;
            }
            Bag.setRegion("COUNTRY", countryId, $("#countryId_select input").next().html());
            Bag.setRegion("CITY", cityId, $("#cityId_select input").next().html());
            Bag.setRegion("DESTINATION", destionId, $("#destionId_select input").next().html());

            window.location.href = "/wp_TravelScenicList.htm";
        }
    </script>
</body>
</html>
